<!DOCTYPE html>
<html>
<head lang="en">
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit" />
    <meta name="keywords" content="有糖开放平台" />
    <meta name="description" content="有糖开放平台" />
    <link type="image/x-icon" href="images/favorite.ico" rel="shortcut icon" />
    <title>系统公告 - 有糖开放平台</title>
    <link rel="stylesheet" type="text/css" media="all"  href="css/utouu.jquery.extends.pagenationstable.css" />
    <link rel="stylesheet" type="text/css" media="all"  href="css/ui-dialog.css" />
    <link rel="stylesheet" type="text/css" media="all"  href="css/style.css" />
</head>
<body>

<!-- 右侧悬浮 -->
<div class="warp_right">
    <div class="subPhone bg_icon">
        <div class="phone">400-720-9815 </div>
    </div>
    <div class="subTop bg_icon" id="gotop"></div>
</div>
<!-- 右侧悬浮END -->


<header class="warp_head bg_black"><div class="section">
    <div class="head_logo"><a href="index.html">有糖开放平台</a></div>
    <div class="head_menu">
        <ul>
            <li><a href="index.html">首页</a></li>
            <li><a href="developer.html">开发者中心</a></li>
            <li><a href="manage.html" class="active">管理中心</a></li>
        </ul>
    </div>
    <div class="head_user">
        <a href="" class="hu_register">注册</a>
        <a href="" class="hu_login">登录</a>
        <!--<a href="" class="hu_register">退出</a>
        <a href="" class="hu_user"><img src="images/user.jpg" /></a>-->
    </div>
</div></header>

<div class="layout_announcement">
    <div class="section">
        <div class="bread"><a href="developer.html">开发者中心 &gt; </a>系统公告</div>
        <div class="announcement_list">
            <h3>系统公告</h3>
            <div id="announcement_list"></div>
        </div>
    </div>
</div>




</body>
<script type="text/javascript" src="js/lib.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
<script type="text/javascript" src="js/utouu.jquery.extends.pagenationstable.js"></script>
<script type="text/javascript" src="js/gptop.js"></script>
<script>
    $(document).ready(function() {

        var testJsonData = {
            data: {list: [
                {title:"系统公告接口安全升级，请iOS开发者补全Bundle ID信息",date:"2016-11-10",new:"1"},
                {title:"系统公告接口安全升级，请iOS开发者补全Bundle ID信息",date:"2016-11-10",new:"1"},
                {title:"系统公告接口安全升级，请iOS开发者补全Bundle ID信息",date:"2016-11-10",new:"0"},
                {title:"系统公告接口安全升级，请iOS开发者补全Bundle ID信息",date:"2016-11-10",new:"0"},
                {title:"系统公告接口安全升级，请iOS开发者补全Bundle ID信息",date:"2016-11-10",new:"0"},
                {title:"系统公告接口安全升级，请iOS开发者补全Bundle ID信息",date:"2016-11-10",new:"0"}
            ], total: 5},
            success: true,
            resultCode: "1"
        };


        /**测试代码模拟ajax接口*/
        $.ajax = function (opt) {
            console.dir(opt.data);
            opt.beforeSend();
            setTimeout(function () {
                opt.success(testJsonData);
                opt.complete();
            }, 100);
        };

        //列表
        var announcement_list = $("#announcement_list").utouuPagenationsTable({
            query:false,
            pagenations: {
                enable: true,
                totalPage: 9,
                size: 10,
                sizePropertyName: "size",
                pagePropertyName: "page",
                startPage: 1,
                maxPageNumberCount: 5,
                url: "",
                method: "post",
                queryParameters: {},
                beforeAjaxSucccess: function (data) {
                    return true;
                }
            },

            table: {
                headRow:false,
                dataRow: {
                    cell: [
                        {
                            data:function (data) {
                                if(data.new==1)
                                {
                                    var news = $("<a href='announcement.html'>"+data.title+"</a><i class='al_new'></i>");
                                    return news;
                                }
                                else
                                {
                                    var news = $("<a href='announcement.html'>"+data.title+"</a>");
                                    return news;
                                }
                            }
                        },
                        {
                            data:function (data) {
                                var date = $("<p class='al_date'>"+data.date+"</p>");
                                return date;
                            }
                        }
                    ]
                },
                dataMainList: function (data) {
                    return data.data.list;
                }
            }
        });

    });
</script>

</html>